Relatywne

selektor { position: relative; parametry }
Natomiast jako "parametry" należy podać:
left: wartość - odległość od lewej krawędzi położenia spoczynkowego
top: wartość - odległość od górnej krawędzi położenia spoczynkowego
right: wartość - odległość od prawej krawędzi położenia spoczynkowego
bottom: wartość - odległość od dolnej krawędzi położenia spoczynkowego

Przyklad

Absolutne

selektor { position: absolute; parametry }
Natomiast jako "parametry" należy podać:
left: wartość - odległość od lewej krawędzi bloku obejmującego
top: wartość - odległość od górnej krawędzi bloku obejmującego
right: wartość - odległość od prawej krawędzi bloku obejmującego
bottom: wartość - odległość od dolnej krawędzi bloku obejmującego

Ustalone

selektor { position: fixed; parametry }
Natomiast jako "parametry" należy podać:
left: wartość - odległość od lewej krawędzi okna
top: wartość - odległość od górnej krawędzi okna
right: wartość - odległość od prawej krawędzi okna
bottom: wartość - odległość od dolnej krawędzi okna

Statyczne

selektor { position: static }
Przywraca normalne pozycjonowanie elementu. Jest to przydatne np. w celu usunięcia ogólnej deklaracji pozycjonowania, umieszczonej w arkuszu stylów. Wystarczy wtedy, dla wybranych elementów strony, umieścić powyższe polecenie w stylu inline. Spowoduje to usunięcie pozycjonowania dla tych elementów, a jednocześnie utrzymanie dla innych (tego samego typu).

Przezroczystość

selektor { opacity: nieprzezroczystość }
Natomiast jako "nieprzezroczystość" należy podać liczbę rzeczywistą z przedziału od 0 (całkowita przezroczystość) do 1 (brak przezroczystości - domyślnie).

Nakładanie

selektor { position: rodzaj; parametry; z-index: numer }
Wyrażenie "position: rodzaj; parametry;" określa typ oraz parametry pozycjonowania (absolutne, relatywne lub ustalone).

Obcinanie

selektor { position: absolute; clip: rect(góra, prawo, dół, lewo) }
Wyrażenia: "góra, prawo, dół, lewo" oznaczają wartości współrzędnych wyciętego prostokąta, określane względem lewego-górnego narożnika elementu, tzn. są to pozycje odpowiednio: górnego-prawego oraz dolnego-lewego wierzchołka wyciętego prostokąta. Wartości te należy podawać za pomocą jednostek długości. Za każdą z nich można wpisać również auto, co oznacza pominięcie cięcia z wybranej strony. Zamiast całego wyrażenia rect(góra, prawo, dół, lewo) można również podać auto - wartość automatyczna.

Wyświetlanie

selektor { display: sposób }

• block - element będzie wyświetlony w bloku (odstęp z góry i z dołu)
• inline - element będzie wyświetlony w linii (sąsiadująco z innymi)
• list-item - element wykazu: <li>...</li>
• none - element nie będzie wyświetlany
• inline-block - element zachowuje się podobnie jak element zastępowany
• table - tabela blokowa: <table>...</table>
• inline-table - tabela "inline": <<able>...</table>
• table-row-group - grupa wierszy tabeli: <tbody>...</tbody>
• table-header-group - nagłówek tabeli: <thead>...</thead>
• table-footer-group - stopka tabeli: <tfoot>...</tfoot>
• table-row - wiersz tabeli: <tr>...</tr>
• table-column-group - grupa kolumn tabeli: <colgroup>...</colgroup>
• table-column - kolumna tabeli: <col />
• table-cell - komórka tabeli: <td>...</td>, <th>...</th>
• table-caption - tytuł (podpis) tabeli: <caption>...&tl/caption>
• compact - analogicznie jak run-in (CSS 2, ale nie CSS 2.1)
• marker - wyróżnik wykazu (CSS 2, ale nie CSS 2.1)

Widzialność

selektor { visibility: typ }
Natomiast jako "typ" należy podać:
visible - element będzie widoczny na ekranie (domyślnie)
hidden - element zostanie ukryty, a w jego miejsce pojawi się pusta przestrzeń o takich samych rozmiarach jak element (gdyby był widoczny)
collapse - jeżeli użyte dla wierszy (<tr>...</tr>), grup wierszy (<tbody>...</tbody>), kolumn (<col />) lub grup kolumn (<colgroup>...</colgroup>) tabeli, ukrywa całą zawartość wiersza (wierszy) bądź kolumny (kolumn), bez konieczności obliczania na nowo rozplanowania tabeli. Dla innych elementów działa tak samo jak wartość hidden.

Ustawienie

selektor { float: sposób }
Natomiast jako "sposób" należy podać:
left - element ustawiony po lewej stronie, względem elementów sąsiadujących
right - element ustawiony po prawej stronie, względem elementów sąsiadujących
none - element nie sąsiaduje z innymi

Przyleganie

selektor { clear: sposób }
Jako "sposób" należy podać:
left - lewy bok elementu nie przylega do poprzedzającego elementu pływającego
right - prawy bok nie przylega
both - żaden bok nie przylega
none - brak ograniczeń

PRZYKLAD